<template>
  <div class="app-container">
    <MyMenu :menuList="state.sidebarMenu"></MyMenu>
    <!-- <SelfMenu></SelfMenu> -->
    <Navbar></Navbar>
  </div>
</template>

<script lang="ts">
import MyMenu from "@/components/menu/menu.vue";
import Navbar from "@/components/navbar/navbar.vue";
export default defineComponent({
  components: {
    MyMenu,
    Navbar,
  },
  setup() {
    const store = useStore();
    let state = reactive({
      sidebarMenu: computed(() => store.getters.getMenu),
    });
    return {
      state,
    };
  },
});
</script>

<style lang="scss" scoped>
.app-container {
  height: 100%;
}
</style>
